<ion-content>
    <app-main-header
            [showBack]="true"
            [title]="'应用中心'"
            [specialClass]="'single-page-background'"></app-main-header>
    <div class="page-content single-page">
        <div class="single-content">
            <div class="list-title">首页应用</div>
            <div class="icon-list">
                <div class="icon-item"
                     *ngFor="let item of followList;index as i">
                    <span (click)="cancelFollow(item)" class="icon-delete-btn">
                        <ion-icon class="icon-btn" name="remove-outline"></ion-icon>
                    </span>
                    <span class="icon-image-bg" [style]="{background:item.bg}">
                        <img class="icon-image"
                             [src]="item.app_icon"/>
                    </span>
                    <span>{{item.app_name}}</span>
                </div>
            </div>
            <div class="application-row"></div>
            <div class="list-title">其他应用</div>
            <div class="icon-list">
                <div class="icon-item"
                     *ngFor="let item of allList;index as i">
                    <span (click)="addFollow(item)" class="icon-plus-btn">
                        <ion-icon class="icon-btn"  name="add-outline"></ion-icon>
                    </span>
                    <span class="icon-image-bg" [style]="{background:item.bg}">
                        <img class="icon-image"
                             [src]="item.app_icon"/>
                    </span>
                    <span>{{item.app_name}}</span>
                </div>
            </div>
        </div>
    </div>
</ion-content>

